<template>
    <div class="two" >
        <button @click="btnFn" >模态框2</button>
        <modal @close="clickFn" :visible="visible"></modal>
    </div>
  
</template>

<script>
import modal from "../index.vue"
export default {
data(){
    return {
        visible:false,
    }
},
components:{
    modal,
},
methods:{
    btnFn(){
        this.visible=true;
    },
    clickFn(){
        this.visible=false;
    }
}
}
</script>

<style>

</style>